<template>
 <div class="top2">
                <div class="top2-top">
                    <img src="../../assets/images/icon2.png" alt="">
                    <div>
                        <b>264.7w</b>
                        <b id="b2">29.74</b>
                        <p>今日DAU</p>
                    </div>
                </div>
                <div class="top2-bot">
                    <div class="top2-bot1">
                        <div>
                            <b>84.52w</b>
                            <p>今日DAU</p>
                        </div>
                    </div>
                    <div class="top2-bot2">
                        <div>
                            <b>84.52w</b>
                            <p>今日DAU</p>
                        </div>
                    </div>
                </div>
            </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.top2 {
    width: 400px;
    height: 195px;
    border-radius: 20px;
    background-color: #fff;
    margin-right: 10px;

    .top2-top {
        width: 400px;
        height: 99px;
        border-radius: 20px;
        display: flex;

        img {
            padding: 25px;
        }

        div {
            width: 200px;
            height: 99px;
            margin-top: 20px;

            b {
                font-size: 30px;
                margin-right: 8px;
            }

            #b2 {
                color: rgb(84, 214, 84);
                font-size: 20px;
            }

            p {
                font-size: 18px;
                color: #ccc;
            }
        }
    }

    .top2-bot {
        width: 400px;
        height: 99px;
        border-radius: 20px;
        display: flex;

        .top2-bot1 {
            width: 200px;
            height: 89px;
            align-items: center;
            display: flex;
            justify-content: center;
            border-right: #ccc solid 1px;

            b {
                font-size: 28px;
            }

            p {
                color: #ccc;
            }
        }

        .top2-bot2 {
            width: 200px;
            height: 89px;
            align-items: center;
            display: flex;
            justify-content: center;
            line-height: 20px;

            b {
                font-size: 28px;
            }

            p {
                color: #ccc;
            }
        }
    }
}
</style>
